<template>
  <div id="aa" class="about">
    <h1>This is an about page</h1>
    <el-row>
  <el-button>默认按钮</el-button>
  <el-button type="primary">主要按钮</el-button>
  <el-button type="success">成功按钮</el-button>
  <el-button type="info">信息按钮</el-button>
  <el-button type="warning">警告按钮</el-button>
  <el-button type="danger">危险按钮</el-button>
</el-row>

  </div>

</template>

<style scoped>
#aa {
    position: fixed;
    height: 100%;
    width: 100%;

    left: 0;
    background-image: linear-gradient( 
      90deg, cyan, purple 
      );
    background-size: 400%;
    
    animation: myanimation 10s infinite;
}
@keyframes myanimation {
  0%{
    background-position: 0%,50%;
  }
  50%{
    background-position: 100%,50%;
  }
  100%{
    background-position: 0%,50%;
  }
}
</style>
